<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="css/discount-coupon.css">
    <!-- <link rel="stylesheet" href="css/font-awesome.min.css"> -->


</head>

<body>
    <div class="container">
        <div class="top">
            <h2>优惠券</h2>
        </div>

    </div>

    <div class="explain">
        <p>购买商品享用买2赠1活动</p>
    </div>

    <div class="ticket">
        <div class="money">
            <span class="sign">￥</span>
            <span class="figure">15</span>
        </div>
        <div class="assign clearfix">
            指定饮品券
            <div class="pic">
                <a href="#"><img src="./img/minus.png" /></a>
                <i>1</i>
                <a href="#"><img src="./img/plus.png" /></a>
            </div>
        </div>

    </div>

    <div class="ticket">
        <div class="money">
            <span class="sign">￥</span>
            <span class="figure">15</span>
        </div>
        <div class="assign">
            指定饮品券
            <div class="pic">
                <a href="#"><img src="./img/minus.png" /></a>
                <i>1</i>
                <a href="#"><img src="./img/plus.png" /></a>
            </div>
        </div>
    </div>

</body>

</html>